@charset "utf-8";
/* 你自己的样式 */
.radio-box label{cursor: pointer;}
label.col-2{width: 120px;}
/*多图上传*/
/*附件列表*/

/*视频*/
#fj-video video{
    max-width: 550px;
    max-height: 300px;
}
/*单图缩略图*/
.fj-img-btn{
   font-size: 50px;
   line-height: 91px;
   margin-left: 20px;
   vertical-align: bottom;
}
.fj-img{
  display: block;
  position: relative;
}
.fj-img li{
  list-style: none;
}
.fj-img img{
    height: 100px;
    width: 100px;
    border: #ccc 1px solid;
    padding: 3px;
}
.fun-img-del{
  font-size: 25px;
    position: absolute;
    top: -23px;
    left: 97px;
    cursor: pointer;
}

/*多图图集*/
  .fujian{display: inline-block; width: auto; position: relative;}
  .fun-img-del{width: 100px;       display: block;
    margin-top: 3px;}
  .fujian li{list-style: none;  float: left; margin-right: 30px; position: relative; }
  .fujian img{height: 100px;
    width: 100px;
    border: #ccc 1px solid;
    padding: 3px;}
  .fujian li i{ font-size: 22px;
    position: absolute;
    cursor: pointer;
    right: -7px;
    top: -12px;}
  .fujian li p{font-size: 12px; margin-left: 3px; line-height: 30px;}
  .fujianadd{
        font-size: 100px;
    float: left;
    line-height: 92px;
  }
/*推荐按钮*/
.inputboxt{
  cursor: pointer;
  width: auto;
  height: 20px;
  position: relative;
  color: #fff;
  border: 1px solid #dfdfdf;
  background-color: #999;
  box-shadow: #dfdfdf 0 0 0 0 inset;
  border-radius: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  background-clip: content-box;
  display: inline-block;
  -webkit-appearance: none;
  user-select: none;
  outline: none;
  text-align: center;
  vertical-align: middle;
  font-weight: bold; 
  line-height: 18px !important;
}
.inputboxt.tj{
  width: 45px;
}
.inputboxt.tj:before{
  content: ' 推荐 '
}
.inputboxt.tj:checked{
  background-color: #f37b1d;
}
.inputboxt.jx{
  width: 45px;
}
.inputboxt.jx:before{
  content: ' 精选 '
}
.inputboxt.jx:checked{
  background-color: #f37b1d;
}
.inputboxt.wl{
    width: 68px;
    height: 30px;
    margin-top: 0px;
    line-height: 27px !important;
}
.inputboxt.wl input{
    line-height: 30px;
}
.inputboxt.wl:before{
  content: ' 物流到达 '
}
.inputboxt.wl:checked{
  background-color: #f37b1d;
}
.inputboxt.shenhepass:before{
  content: '通过'
}
.inputboxt.shenhepass:checked{
  background-color: #09bb07;
}
.inputboxt.shenheno:before{
  content: '不通过'
}
.inputboxt.shenheno:checked{
  background-color: #e64340;
}
.inputboxt.sign:before{
  content: ' 确认收货 '
}
.inputboxt.sign:checked{
  background-color: #f37b1d;
}

/*合作按钮*/
.inputboxh{
  cursor: pointer;
  width: 40px;
  height: 20px;
  position: relative;
  color: #fff;
  border: 1px solid #dfdfdf;
  background-color: #999;
  box-shadow: #dfdfdf 0 0 0 0 inset;
  border-radius: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  background-clip: content-box;
  display: inline-block;
  -webkit-appearance: none;
  user-select: none;
  outline: none;
  text-align: center;
  vertical-align: middle;
  font-weight: bold; 
  line-height: 18px !important;
}
.inputboxh:before{
  content: '联盟'
}
.inputboxh:checked{
  background-color: #f37b1d;
}

.switch:checked {
    border-color: #64bd63;
    box-shadow: #64bd63 0 0 0 16px inset;
    background-color: #64bd63;}
.switch:checked:before {
    left: 21px;}
.switch{
  cursor: pointer;
  width: 45px;
  height: 25px;
  position: relative;
  border: 1px solid #dfdfdf;
  background-color: #fdfdfd;
  box-shadow: #dfdfdf 0 0 0 0 inset;
  border-radius: 20px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  background-clip: content-box;
  display: inline-block;
  -webkit-appearance: none;
  user-select: none;
  outline: none;
}
.switch:before {
    content: '';
    width: 23px;
    height: 23px;
    position: absolute;
    top: 0px;
    left: 0;
    border-radius: 20px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    background-color: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
    }



.s-cursor{cursor: pointer;}
.s-p-5-10{padding: 5px 10px;}


/*图片上传按钮*/
.s-upload-file {
      line-height: 30px;
      background-color: #FBFBFB;
      height: 30px;
      width: 85px;
      opacity: 0;
      position: absolute;
      top: 0px;
      left: 0px;
  }
.s-upload-btn {
    background-color: #f5f5f5;
    vertical-align: top;
    display: inline-block;
    width: 85px;
    height: 30px;
    margin: 5px 5px 0 0; 
    color: #666;
    border:#dcdcdc 1px solid;
    border-bottom: #b3b3b3 1px solid;
    position: relative; 
}
.s-upload-btn span{line-height: 30px;font-size: 13px;}
.s-upload-btn i{font-weight: bold; padding-left: 5px; font-size: 16px;}
.s-upload-btn:hover{
  background-color: #e6e6e6;
}

/*自定义分页*/
#page{  text-align: right;}
#page .page:link,.page:visited,.page:hover,.current,#info{ 
    border:1px solid #DDD; 
    background:#F2F2F2; 
    display:inline-block; 
    margin:1px 2px; 
    text-decoration:none; 
    font-size:12px; 
    width:auto !important; 
    height:15px; 
    text-align:center; 
    line-height:15px; 
    color:#333; 
    padding:2px 5px; 
} 
#page a.next{width: 30px !important;}
#page a:hover{ 
    border:1px solid #E5E5E5; 
    background:#F9F9F9; 
} 
#page .current{ 
    border:1px solid #83E7E4; 
    background:#DFF9F8; 
    margin:1px; 
    color:#27CBC7; 
} 
#page #info{ 
    width:auto; 
} 

.radio-box label{cursor: pointer;}

/*列表页中缩略图显示*/
.listimg{width:80px; height:52px; background-size:cover; background-position:center; display: block; margin: 0 auto;}

/*加载动画效果一*/
.ui-loading-wrap {
  display: -webkit-box;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  text-align: center;
  height: 40px; }

.ui-loading {
  width: 20px;
  height: 20px;
  display: block;
  background: url(/c3pj/images/loading_sprite.png);
  -webkit-background-size: auto 20px;
  -webkit-animation: am-rotate 1s steps(12) infinite; }

.ui-loading-bright {
  width: 37px;
  height: 37px;
  display: block;
  background-image: url(/c3pj/images/loading_sprite_white.png);
  -webkit-background-size: auto 37px;
  -webkit-animation: am-rotate2 1s steps(12) infinite; }

.ui-loading-wrap .ui-loading {
  margin: 10px; }
.ui-loading-block {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  display: -webkit-box;
  -webkit-box-orient: horizontal;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  background: rgba(0, 0, 0, 0.4);
  display: none;
  background: transparent; }
  .ui-loading-block .ui-loading-cnt {
    width: 130px;
    height: 110px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-box-align: center;
    text-align: center;
    background: rgba(0, 0, 0, 0.65);
    border-radius: 6px;
    color: #fff;
    font-size: 16px; 

  }
  .ui-loading-block .ui-loading-bright {
    margin: 18px 0 8px; }

.ui-loading-block.show {
  display: -webkit-box;
  display: box; }
  @-webkit-keyframes am-rotate {
    from {
      background-position: 0 0; }
    to {
      background-position: -240px 0; } }
  @-webkit-keyframes am-rotate2 {
    from {
      background-position: 0 0; }
    to {
      background-position: -444px 0; } }

.spinner {
  margin: 100px auto;
  width: 50px;
  height: 60px;
  text-align: center;
  font-size: 10px;
}
 
.spinner > div {
  background-color: #67CF22;
  height: 100%;
  width: 6px;
  display: inline-block;
   
  -webkit-animation: stretchdelay 1.2s infinite ease-in-out;
  animation: stretchdelay 1.2s infinite ease-in-out;
}
 
.spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
 
.spinner .rect3 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s; 
}
 
.spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
 
.spinner .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
 
@-webkit-keyframes stretchdelay {
  0%, 40%, 100% { -webkit-transform: scaleY(0.4) } 
  20% { -webkit-transform: scaleY(1.0) }
}
 
@keyframes stretchdelay {
  0%, 40%, 100% {
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }  20% {
    transform: scaleY(1.0);
    -webkit-transform: scaleY(1.0);
  }
}

/*输入框右侧关闭图标*/
.i-close{position:absolute; right:10px; line-height:45px; cursor: pointer; display: none;}
/*排序功能样式*/
.fun-sort{cursor: pointer;}
.fun-sort-active{color: #dd514c; }
.zhuan90{
  display: inline-block;
  transform:rotate(90deg);
  -ms-transform:rotate(90deg); /* Internet Explorer 9*/
  -moz-transform:rotate(90deg); /* Firefox */
  -webkit-transform:rotate(90deg); /* Safari 和 Chrome */
  -o-transform:rotate(90deg); /* Opera */
  filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1); 
}

.s-pointer{cursor: pointer;}

/*表格中图片img样式*/
.pic-thumb{
   height: 50px; max-width: 100px; 
}


.fun-search{cursor: pointer; text-decoration: underline;}

.indexnotice{
  width: 40px;
  margin-left: 10px;
  margin-right: 50px;
}
.indexnotice .badge{
    padding: 0px;
    font-weight: 100;
    position: absolute;
    top: 5px;
    left: 23px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
}

/*列表页单项编辑*/
.fun-edit input{
  border: 0px solid #ddd;
  padding: 2px 10px;
  text-align: center;
}
.fun-edit input:focus{border:1px solid #ddd;}

/*幻灯片样式*/
.fun-openlayer{
    cursor: pointer;
  }
  #layerimg{
    text-align: center;
      background-color: #000;
      padding: 20px;
      position: relative;
  }
  #layerimg i{
    width: 50px;
      height: 50px;
      color: #000;
      top: 45%;
      background-color: rgba(255,255,255,0.8);
      line-height: 50px;
      text-align: center;
      border-radius: 50%;
      display: block;
      cursor: pointer;
      -moz-user-select: none;
      -khtml-user-select: none;
      user-select: none;
  }
  #layerimg i:active{
    background-color: rgba(255,255,255,0.6);
  }
  #layerimg .left{
    position: absolute;
    left:10px;
    
  }
  #layerimg .right{
    position: absolute;
    right:10px;
    
  }
  #layerimg img{
    max-width: 80%;
    max-height: 90%;
    margin: 0 auto;
  }
/* 查看大图 */
  .cha_img {
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    z-index: 10;
    position: fixed;
    background-color: rgba(0,0,0,0.6);
  }
  .pic-viewer-wrap {
    display: table;
    width: 100%;
    height: 100%;
    table-layout: fixed;
  }
  .cha-img-nei {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    min-height: 32px;
  }
  .cha-img-close {
    width: 50px;
    height: 50px;
    position: fixed;
    right: 20px;
    top: 20px;
  }
  .cha-img-close img {
        border-radius: 30px;
  }